<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <title>dependency graph</title>
    <style>
      .node:active path,
      .node:hover path,
      .node.current path,
      .node:active polygon,
      .node:hover polygon,
      .node.current polygon {
        stroke: fuchsia;
        stroke-width: 2;
      }
      .edge:active path,
      .edge:hover path,
      .edge.current path,
      .edge:active ellipse,
      .edge:hover ellipse,
      .edge.current ellipse {
        stroke: fuchsia;
        stroke-width: 3;
        stroke-opacity: 1;
      }
      .edge:active polygon,
      .edge:hover polygon,
      .edge.current polygon {
        stroke: fuchsia;
        stroke-width: 3;
        fill: fuchsia;
        stroke-opacity: 1;
        fill-opacity: 1;
      }
      .edge:active text,
      .edge:hover text {
        fill: fuchsia;
      }
      .cluster path {
        stroke-width: 3;
      }
      .cluster:active path,
      .cluster:hover path {
        fill: #ffff0011;
      }
      div.hint {
        background-color: #000000aa;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 1rem;
        position: fixed;
        top: calc(50% - 4em);
        right: calc(50% - 10em);
        border: none;
        padding: 1em 3em 1em 1em;
      }
      .hint button {
        position: absolute;
        font-weight: bolder;
        right: 0.6em;
        top: 0.6em;
        color: inherit;
        background-color: inherit;
        border: 1px solid currentColor;
        border-radius: 1em;
        margin-left: 0.6em;
      }
      .hint a {
        color: inherit;
      }
      #button_help {
        color: white;
        background-color: #00000011;
        border-radius: 1em;
        position: fixed;
        top: 1em;
        right: 1em;
        font-size: 24pt;
        font-weight: bolder;
        width: 2em;
        height: 2em;
        border: none;
      }
      #button_help:hover {
        cursor: pointer;
        background-color: #00000077;
      }
      @media print {
        #button_help {
          display: none;
        }
        div.hint {
          display: none;
        }
      }
    </style>
  </head>
  <body>
    <button id="button_help">?</button>
    <div id="hints" class="hint" style="display: none">
      <button id="close-hints">x</button>
      <span id="hint-text"></span>
      <ul>
        <li><b>Hover</b> - highlight</li>
        <li><b>Right-click</b> - pin highlight</li>
        <li><b>ESC</b> - clear</li>
      </ul>
    </div>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 3.0.0 (20220226.1711)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="992pt" height="572pt"
 viewBox="0.00 0.00 992.00 572.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 568)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-568 988,-568 988,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_packages</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 964,-8 964,-8 970,-8 976,-14 976,-20 976,-20 976,-544 976,-544 976,-550 970,-556 964,-556 964,-556 20,-556 20,-556 14,-556 8,-550 8,-544 8,-544 8,-20 8,-20 8,-14 14,-8 20,-8"/>
<text text-anchor="middle" x="492" y="-544.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">packages</text>
</g>
<!-- packages/dom&#45;event&#45;testing&#45;library -->
<g id="node1" class="node">
<title>packages/dom&#45;event&#45;testing&#45;library</title>
<g id="a_node1"><a xlink:href="https://github.com/facebook/react/blob/master/packages/dom-event-testing-library" xlink:title="dom&#45;event&#45;testing&#45;library">
<polygon fill="#ffffcc" stroke="black" points="487.5,-375 370.5,-375 368.5,-373 368.5,-357 485.5,-357 487.5,-359 487.5,-375"/>
<polyline fill="none" stroke="black" points="485.5,-373 368.5,-373 "/>
<polyline fill="none" stroke="black" points="485.5,-373 485.5,-357 "/>
<polyline fill="none" stroke="black" points="485.5,-373 487.5,-375 "/>
<text text-anchor="start" x="376.5" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00">dom&#45;event&#45;testing&#45;library</text>
</a>
</g>
</g>
<!-- packages/eslint&#45;plugin&#45;react&#45;hooks -->
<g id="node2" class="node">
<title>packages/eslint&#45;plugin&#45;react&#45;hooks</title>
<g id="a_node2"><a xlink:href="https://github.com/facebook/react/blob/master/packages/eslint-plugin-react-hooks" xlink:title="eslint&#45;plugin&#45;react&#45;hooks">
<polygon fill="#ffffcc" stroke="black" points="787,-530 671,-530 669,-528 669,-512 785,-512 787,-514 787,-530"/>
<polyline fill="none" stroke="black" points="785,-528 669,-528 "/>
<polyline fill="none" stroke="black" points="785,-528 785,-512 "/>
<polyline fill="none" stroke="black" points="785,-528 787,-530 "/>
<text text-anchor="start" x="677" y="-518.8" font-family="Helvetica,sans-Serif" font-size="9.00">eslint&#45;plugin&#45;react&#45;hooks</text>
</a>
</g>
</g>
<!-- packages/jest&#45;react -->
<g id="node3" class="node">
<title>packages/jest&#45;react</title>
<g id="a_node3"><a xlink:href="https://github.com/facebook/react/blob/master/packages/jest-react" xlink:title="jest&#45;react">
<polygon fill="#ffffcc" stroke="black" points="708,-344 656,-344 654,-342 654,-326 706,-326 708,-328 708,-344"/>
<polyline fill="none" stroke="black" points="706,-342 654,-342 "/>
<polyline fill="none" stroke="black" points="706,-342 706,-326 "/>
<polyline fill="none" stroke="black" points="706,-342 708,-344 "/>
<text text-anchor="start" x="662" y="-332.8" font-family="Helvetica,sans-Serif" font-size="9.00">jest&#45;react</text>
</a>
</g>
</g>
<!-- packages/shared -->
<g id="node4" class="node">
<title>packages/shared</title>
<g id="a_node4"><a xlink:href="https://github.com/facebook/react/blob/master/packages/shared" xlink:title="shared">
<polygon fill="#ffffcc" stroke="black" points="484,-313 432,-313 430,-311 430,-295 482,-295 484,-297 484,-313"/>
<polyline fill="none" stroke="black" points="482,-311 430,-311 "/>
<polyline fill="none" stroke="black" points="482,-311 482,-295 "/>
<polyline fill="none" stroke="black" points="482,-311 484,-313 "/>
<text text-anchor="start" x="442.5" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00">shared</text>
</a>
</g>
</g>
<!-- packages/jest&#45;react&#45;&gt;packages/shared -->
<g id="edge1" class="edge">
<title>packages/jest&#45;react&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M666,-325.87C666,-316.72 666,-304 666,-304 666,-304 490.32,-304 490.32,-304"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.32,-301.9 484.32,-304 490.32,-306.1 490.32,-301.9"/>
</g>
<!-- packages/scheduler -->
<g id="node5" class="node">
<title>packages/scheduler</title>
<g id="a_node5"><a xlink:href="https://github.com/facebook/react/blob/master/packages/scheduler" xlink:title="scheduler">
<polygon fill="#ffffcc" stroke="black" points="412.5,-34 357.5,-34 355.5,-32 355.5,-16 410.5,-16 412.5,-18 412.5,-34"/>
<polyline fill="none" stroke="black" points="410.5,-32 355.5,-32 "/>
<polyline fill="none" stroke="black" points="410.5,-32 410.5,-16 "/>
<polyline fill="none" stroke="black" points="410.5,-32 412.5,-34 "/>
<text text-anchor="start" x="363.5" y="-22.8" font-family="Helvetica,sans-Serif" font-size="9.00">scheduler</text>
</a>
</g>
</g>
<!-- packages/jest&#45;react&#45;&gt;packages/scheduler -->
<g id="edge2" class="edge">
<title>packages/jest&#45;react&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M702,-325.81C702,-274.73 702,-28 702,-28 702,-28 418.5,-28 418.5,-28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="418.5,-25.9 412.5,-28 418.5,-30.1 418.5,-25.9"/>
</g>
<!-- packages/react -->
<g id="node6" class="node">
<title>packages/react</title>
<g id="a_node6"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react" xlink:title="react">
<polygon fill="#ccccff" stroke="black" points="247,-282 195,-282 193,-280 193,-264 245,-264 247,-266 247,-282"/>
<polyline fill="none" stroke="black" points="245,-280 193,-280 "/>
<polyline fill="none" stroke="black" points="245,-280 245,-264 "/>
<polyline fill="none" stroke="black" points="245,-280 247,-282 "/>
<text text-anchor="start" x="209.5" y="-270.8" font-family="Helvetica,sans-Serif" font-size="9.00">react</text>
</a>
</g>
</g>
<!-- packages/shared&#45;&gt;packages/react -->
<g id="edge153" class="edge">
<title>packages/shared&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M429.72,-302C371.76,-302 241.6,-302 241.6,-302 241.6,-302 241.6,-288.18 241.6,-288.18"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="243.7,-288.18 241.6,-282.18 239.5,-288.18 243.7,-288.18"/>
</g>
<!-- packages/scheduler&#45;&gt;packages/react -->
<g id="edge152" class="edge">
<title>packages/scheduler&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M355.29,-30C304.2,-30 202.82,-30 202.82,-30 202.82,-30 202.82,-257.77 202.82,-257.77"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="200.72,-257.77 202.82,-263.77 204.92,-257.77 200.72,-257.77"/>
</g>
<!-- packages/react&#45;&gt;packages/jest&#45;react -->
<g id="edge6" class="edge">
<title>packages/react&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M247.26,-278C344.98,-278 672,-278 672,-278 672,-278 672,-319.84 672,-319.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="669.9,-319.84 672,-325.84 674.1,-319.84 669.9,-319.84"/>
</g>
<!-- packages/react&#45;&gt;packages/shared -->
<g id="edge3" class="edge">
<title>packages/react&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M244.3,-282.14C244.3,-289.97 244.3,-300 244.3,-300 244.3,-300 423.63,-300 423.63,-300"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.63,-302.1 429.63,-300 423.63,-297.9 423.63,-302.1"/>
</g>
<!-- packages/react&#45;&gt;packages/scheduler -->
<g id="edge9" class="edge">
<title>packages/react&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M197.91,-263.92C197.91,-219.35 197.91,-26 197.91,-26 197.91,-26 349.33,-26 349.33,-26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="349.33,-28.1 355.33,-26 349.33,-23.9 349.33,-28.1"/>
</g>
<!-- packages/react&#45;reconciler -->
<g id="node7" class="node">
<title>packages/react&#45;reconciler</title>
<g id="a_node7"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-reconciler" xlink:title="react&#45;reconciler">
<polygon fill="#ffcccc" stroke="black" points="634,-127 556,-127 554,-125 554,-109 632,-109 634,-111 634,-127"/>
<polyline fill="none" stroke="black" points="632,-125 554,-125 "/>
<polyline fill="none" stroke="black" points="632,-125 632,-109 "/>
<polyline fill="none" stroke="black" points="632,-125 634,-127 "/>
<text text-anchor="start" x="562" y="-115.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;reconciler</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;reconciler -->
<g id="edge4" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M232.27,-263.97C232.27,-229.07 232.27,-105 232.27,-105 232.27,-105 556.17,-105 556.17,-105 556.17,-105 556.17,-105.38 556.17,-105.38"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="554.07,-102.83 556.17,-108.83 558.27,-102.83 554.07,-102.83"/>
</g>
<!-- packages/react&#45;dom -->
<g id="node8" class="node">
<title>packages/react&#45;dom</title>
<g id="a_node8"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-dom" xlink:title="react&#45;dom">
<polygon fill="#ffcccc" stroke="black" points="485,-406 429,-406 427,-404 427,-388 483,-388 485,-390 485,-406"/>
<polyline fill="none" stroke="black" points="483,-404 427,-404 "/>
<polyline fill="none" stroke="black" points="483,-404 483,-388 "/>
<polyline fill="none" stroke="black" points="483,-404 485,-406 "/>
<text text-anchor="start" x="435" y="-394.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;dom</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;dom -->
<g id="edge5" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M230.8,-282.1C230.8,-309.45 230.8,-389 230.8,-389 230.8,-389 420.56,-389 420.56,-389"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.56,-391.1 426.56,-389 420.56,-386.9 420.56,-391.1"/>
</g>
<!-- packages/react&#45;test&#45;renderer -->
<g id="node9" class="node">
<title>packages/react&#45;test&#45;renderer</title>
<g id="a_node9"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-test-renderer" xlink:title="react&#45;test&#45;renderer">
<polygon fill="#ffcccc" stroke="black" points="581,-65 491,-65 489,-63 489,-47 579,-47 581,-49 581,-65"/>
<polyline fill="none" stroke="black" points="579,-63 489,-63 "/>
<polyline fill="none" stroke="black" points="579,-63 579,-47 "/>
<polyline fill="none" stroke="black" points="579,-63 581,-65 "/>
<text text-anchor="start" x="497" y="-53.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;test&#45;renderer</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge7" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M212.64,-263.93C212.64,-223.55 212.64,-62 212.64,-62 212.64,-62 482.81,-62 482.81,-62"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="482.81,-64.1 488.81,-62 482.81,-59.9 482.81,-64.1"/>
</g>
<!-- packages/react&#45;noop&#45;renderer -->
<g id="node10" class="node">
<title>packages/react&#45;noop&#45;renderer</title>
<g id="a_node10"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-noop-renderer" xlink:title="react&#45;noop&#45;renderer">
<polygon fill="#ffcccc" stroke="black" points="409.5,-251 312.5,-251 310.5,-249 310.5,-233 407.5,-233 409.5,-235 409.5,-251"/>
<polyline fill="none" stroke="black" points="407.5,-249 310.5,-249 "/>
<polyline fill="none" stroke="black" points="407.5,-249 407.5,-233 "/>
<polyline fill="none" stroke="black" points="407.5,-249 409.5,-251 "/>
<text text-anchor="start" x="318.5" y="-239.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;noop&#45;renderer</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge8" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M247.23,-267C275.87,-267 316.83,-267 316.83,-267 316.83,-267 316.83,-257.03 316.83,-257.03"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="318.93,-257.03 316.83,-251.03 314.73,-257.03 318.93,-257.03"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/jest&#45;react -->
<g id="edge106" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M634.26,-121C658.22,-121 684,-121 684,-121 684,-121 684,-319.8 684,-319.8"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="681.9,-319.8 684,-325.8 686.1,-319.8 681.9,-319.8"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/shared -->
<g id="edge100" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M634.06,-125C642.2,-125 648.33,-125 648.33,-125 648.33,-125 648.33,-299 648.33,-299 648.33,-299 490.01,-299 490.01,-299"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.01,-296.9 484.01,-299 490.01,-301.1 490.01,-296.9"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/scheduler -->
<g id="edge101" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M627.5,-108.69C627.5,-86.25 627.5,-31 627.5,-31 627.5,-31 418.89,-31 418.89,-31"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="418.89,-28.9 412.89,-31 418.89,-33.1 418.89,-28.9"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react -->
<g id="edge102" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M560.5,-108.89C560.5,-95.74 560.5,-73 560.5,-73 560.5,-73 222.45,-73 222.45,-73 222.45,-73 222.45,-257.89 222.45,-257.89"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="220.35,-257.89 222.45,-263.89 224.55,-257.89 220.35,-257.89"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;dom -->
<g id="edge107" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M634.17,-117C670.29,-117 717.71,-117 717.71,-117 717.71,-117 717.71,-382 717.71,-382 717.71,-382 450.2,-382 450.2,-382 450.2,-382 450.2,-382.58 450.2,-382.58"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="448.1,-381.76 450.2,-387.76 452.3,-381.76 448.1,-381.76"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge103" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M564.83,-108.85C564.83,-108.85 564.83,-71.19 564.83,-71.19"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="566.93,-71.19 564.83,-65.19 562.73,-71.19 566.93,-71.19"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge104" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M570,-127.05C570,-131.95 570,-137 570,-137 570,-137 325.25,-137 325.25,-137 325.25,-137 325.25,-226.68 325.25,-226.68"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="323.15,-226.68 325.25,-232.68 327.35,-226.68 323.15,-226.68"/>
</g>
<!-- packages/react&#45;art -->
<g id="node11" class="node">
<title>packages/react&#45;art</title>
<g id="a_node11"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-art" xlink:title="react&#45;art">
<polygon fill="#ffcccc" stroke="black" points="621,-96 569,-96 567,-94 567,-78 619,-78 621,-80 621,-96"/>
<polyline fill="none" stroke="black" points="619,-94 567,-94 "/>
<polyline fill="none" stroke="black" points="619,-94 619,-78 "/>
<polyline fill="none" stroke="black" points="619,-94 621,-96 "/>
<text text-anchor="start" x="577" y="-84.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;art</text>
</a>
</g>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;art -->
<g id="edge108" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;art</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M603,-108.87C603,-108.87 603,-102.18 603,-102.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="605.1,-102.18 603,-96.18 600.9,-102.18 605.1,-102.18"/>
</g>
<!-- packages/react&#45;cache -->
<g id="node12" class="node">
<title>packages/react&#45;cache</title>
<g id="a_node12"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-cache" xlink:title="react&#45;cache">
<polygon fill="#ffcccc" stroke="black" points="342.5,-96 279.5,-96 277.5,-94 277.5,-78 340.5,-78 342.5,-80 342.5,-96"/>
<polyline fill="none" stroke="black" points="340.5,-94 277.5,-94 "/>
<polyline fill="none" stroke="black" points="340.5,-94 340.5,-78 "/>
<polyline fill="none" stroke="black" points="340.5,-94 342.5,-96 "/>
<text text-anchor="start" x="285.5" y="-84.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;cache</text>
</a>
</g>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;cache -->
<g id="edge105" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M558.33,-108.97C558.33,-101.81 558.33,-93 558.33,-93 558.33,-93 348.72,-93 348.72,-93"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="348.72,-90.9 342.72,-93 348.72,-95.1 348.72,-90.9"/>
</g>
<!-- packages/react&#45;native&#45;renderer -->
<g id="node32" class="node">
<title>packages/react&#45;native&#45;renderer</title>
<g id="a_node32"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-native-renderer" xlink:title="react&#45;native&#45;renderer">
<polygon fill="#ffcccc" stroke="black" points="645.5,-158 544.5,-158 542.5,-156 542.5,-140 643.5,-140 645.5,-142 645.5,-158"/>
<polyline fill="none" stroke="black" points="643.5,-156 542.5,-156 "/>
<polyline fill="none" stroke="black" points="643.5,-156 643.5,-140 "/>
<polyline fill="none" stroke="black" points="643.5,-156 645.5,-158 "/>
<text text-anchor="start" x="550.5" y="-146.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;native&#45;renderer</text>
</a>
</g>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;native&#45;renderer -->
<g id="edge109" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;native&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M602,-127.13C602,-127.13 602,-133.82 602,-133.82"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="599.9,-133.82 602,-139.82 604.1,-133.82 599.9,-133.82"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/dom&#45;event&#45;testing&#45;library -->
<g id="edge75" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/dom&#45;event&#45;testing&#45;library</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M438.6,-387.87C438.6,-387.87 438.6,-381.18 438.6,-381.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="440.7,-381.18 438.6,-375.18 436.5,-381.18 440.7,-381.18"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/jest&#45;react -->
<g id="edge73" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M485.08,-404C535.66,-404 634.5,-404 634.5,-404 634.5,-404 634.5,-336 634.5,-336 634.5,-336 647.95,-336 647.95,-336"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="647.95,-338.1 653.95,-336 647.95,-333.9 647.95,-338.1"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/shared -->
<g id="edge68" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M485.07,-389C491.27,-389 496,-389 496,-389 496,-389 496,-307 496,-307 496,-307 490.09,-307 490.09,-307"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.09,-304.9 484.09,-307 490.09,-309.1 490.09,-304.9"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/scheduler -->
<g id="edge70" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M426.89,-397C354.87,-397 174.1,-397 174.1,-397 174.1,-397 174.1,-23 174.1,-23 174.1,-23 349.25,-23 349.25,-23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="349.25,-25.1 355.25,-23 349.25,-20.9 349.25,-25.1"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react -->
<g id="edge71" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M426.67,-390C365.12,-390 228.1,-390 228.1,-390 228.1,-390 228.1,-288.18 228.1,-288.18"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="230.2,-288.18 228.1,-282.18 226,-288.18 230.2,-288.18"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;reconciler -->
<g id="edge69" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M473.4,-387.7C473.4,-383.74 473.4,-380 473.4,-380 473.4,-380 715.29,-380 715.29,-380 715.29,-380 715.29,-119 715.29,-119 715.29,-119 640.05,-119 640.05,-119"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="640.05,-116.9 634.05,-119 640.05,-121.1 640.05,-116.9"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge78" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M426.93,-395C355.94,-395 179.5,-395 179.5,-395 179.5,-395 179.5,-54 179.5,-54 179.5,-54 482.89,-54 482.89,-54"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="482.89,-56.1 488.89,-54 482.89,-51.9 482.89,-56.1"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge77" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M485.17,-391C492.34,-391 498,-391 498,-391 498,-391 498,-242 498,-242 498,-242 415.82,-242 415.82,-242"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="415.82,-239.9 409.82,-242 415.82,-244.1 415.82,-239.9"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;cache -->
<g id="edge76" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M426.99,-393C357.05,-393 184.9,-393 184.9,-393 184.9,-393 184.9,-87 184.9,-87 184.9,-87 271.46,-87 271.46,-87"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="271.46,-89.1 277.46,-87 271.46,-84.9 271.46,-89.1"/>
</g>
<!-- packages/react&#45;server -->
<g id="node27" class="node">
<title>packages/react&#45;server</title>
<g id="a_node27"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-server" xlink:title="react&#45;server">
<polygon fill="#ffcccc" stroke="black" points="551.5,-220 488.5,-220 486.5,-218 486.5,-202 549.5,-202 551.5,-204 551.5,-220"/>
<polyline fill="none" stroke="black" points="549.5,-218 486.5,-218 "/>
<polyline fill="none" stroke="black" points="549.5,-218 549.5,-202 "/>
<polyline fill="none" stroke="black" points="549.5,-218 551.5,-220 "/>
<text text-anchor="start" x="494.5" y="-208.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;server</text>
</a>
</g>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;server -->
<g id="edge72" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M485.13,-395C494.26,-395 502,-395 502,-395 502,-395 502,-226.12 502,-226.12"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="504.1,-226.12 502,-220.12 499.9,-226.12 504.1,-226.12"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store -->
<g id="node28" class="node">
<title>packages/use&#45;sync&#45;external&#45;store</title>
<g id="a_node28"><a xlink:href="https://github.com/facebook/react/blob/master/packages/use-sync-external-store" xlink:title="use&#45;sync&#45;external&#45;store">
<polygon fill="#ffffcc" stroke="black" points="627.5,-375 516.5,-375 514.5,-373 514.5,-357 625.5,-357 627.5,-359 627.5,-375"/>
<polyline fill="none" stroke="black" points="625.5,-373 514.5,-373 "/>
<polyline fill="none" stroke="black" points="625.5,-373 625.5,-357 "/>
<polyline fill="none" stroke="black" points="625.5,-373 627.5,-375 "/>
<text text-anchor="start" x="522.5" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00">use&#45;sync&#45;external&#45;store</text>
</a>
</g>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/use&#45;sync&#45;external&#45;store -->
<g id="edge74" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/use&#45;sync&#45;external&#45;store</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M485.11,-397C513.42,-397 552.17,-397 552.17,-397 552.17,-397 552.17,-381.13 552.17,-381.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="554.27,-381.13 552.17,-375.13 550.07,-381.13 554.27,-381.13"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/shared -->
<g id="edge148" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M527.36,-65.38C527.36,-97.2 527.36,-199 527.36,-199 527.36,-199 473.2,-199 473.2,-199 473.2,-199 473.2,-288.68 473.2,-288.68"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="471.1,-288.68 473.2,-294.68 475.3,-288.68 471.1,-288.68"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/scheduler -->
<g id="edge147" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M488.76,-49C447.17,-49 392.57,-49 392.57,-49 392.57,-49 392.57,-40.21 392.57,-40.21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="394.67,-40.21 392.57,-34.21 390.47,-40.21 394.67,-40.21"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react -->
<g id="edge145" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M488.8,-59C398.59,-59 207.73,-59 207.73,-59 207.73,-59 207.73,-257.8 207.73,-257.8"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="205.63,-257.8 207.73,-263.8 209.83,-257.8 205.63,-257.8"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;reconciler -->
<g id="edge146" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M562.67,-65.15C562.67,-65.15 562.67,-102.81 562.67,-102.81"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="560.57,-102.81 562.67,-108.81 564.77,-102.81 560.57,-102.81"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;dom -->
<g id="edge151" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M488.88,-57C393.25,-57 182.2,-57 182.2,-57 182.2,-57 182.2,-394 182.2,-394 182.2,-394 420.96,-394 420.96,-394"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.96,-396.1 426.96,-394 420.96,-391.9 420.96,-396.1"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge149" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M523.57,-65.05C523.57,-95.76 523.57,-194 523.57,-194 523.57,-194 397.88,-194 397.88,-194 397.88,-194 397.88,-226.75 397.88,-226.75"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="395.78,-226.75 397.88,-232.75 399.98,-226.75 395.78,-226.75"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;cache -->
<g id="edge150" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M509.25,-65.29C509.25,-75.36 509.25,-90 509.25,-90 509.25,-90 348.9,-90 348.9,-90"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="348.9,-87.9 342.9,-90 348.9,-92.1 348.9,-87.9"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/shared -->
<g id="edge95" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M391.75,-251.41C391.75,-266.88 391.75,-296 391.75,-296 391.75,-296 423.71,-296 423.71,-296"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.71,-298.1 429.71,-296 423.71,-293.9 423.71,-298.1"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/scheduler -->
<g id="edge97" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M315.42,-232.75C315.42,-205.77 315.42,-129 315.42,-129 315.42,-129 383.14,-129 383.14,-129 383.14,-129 383.14,-40.23 383.14,-40.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="385.24,-40.23 383.14,-34.23 381.04,-40.23 385.24,-40.23"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;reconciler -->
<g id="edge96" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M320.33,-232.79C320.33,-206.67 320.33,-134 320.33,-134 320.33,-134 586,-134 586,-134 586,-134 586,-133.12 586,-133.12"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="588.1,-133.12 586,-127.12 583.9,-133.12 588.1,-133.12"/>
</g>
<!-- packages/react&#45;client -->
<g id="node13" class="node">
<title>packages/react&#45;client</title>
<g id="a_node13"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-client" xlink:title="react&#45;client">
<polygon fill="#ffcccc" stroke="black" points="402,-158 342,-158 340,-156 340,-140 400,-140 402,-142 402,-158"/>
<polyline fill="none" stroke="black" points="400,-156 340,-156 "/>
<polyline fill="none" stroke="black" points="400,-156 400,-140 "/>
<polyline fill="none" stroke="black" points="400,-156 402,-158 "/>
<text text-anchor="start" x="348" y="-146.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;client</text>
</a>
</g>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;client -->
<g id="edge93" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M367,-232.74C367,-232.74 367,-164.22 367,-164.22"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="369.1,-164.22 367,-158.22 364.9,-164.22 369.1,-164.22"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;server -->
<g id="edge94" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M405.62,-232.91C405.62,-225.41 405.62,-216 405.62,-216 405.62,-216 480.21,-216 480.21,-216"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="480.21,-218.1 486.21,-216 480.21,-213.9 480.21,-218.1"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/shared -->
<g id="edge12" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M621.23,-90C639.41,-90 660,-90 660,-90 660,-90 660,-301 660,-301 660,-301 490.38,-301 490.38,-301"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.38,-298.9 484.38,-301 490.38,-303.1 490.38,-298.9"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/scheduler -->
<g id="edge16" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M566.83,-84C511.19,-84 389.43,-84 389.43,-84 389.43,-84 389.43,-40.22 389.43,-40.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="391.53,-40.22 389.43,-34.22 387.33,-40.22 391.53,-40.22"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react -->
<g id="edge10" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M571.67,-77.58C571.67,-73.22 571.67,-69 571.67,-69 571.67,-69 217.55,-69 217.55,-69 217.55,-69 217.55,-257.97 217.55,-257.97"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="215.45,-257.97 217.55,-263.97 219.65,-257.97 215.45,-257.97"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;reconciler -->
<g id="edge11" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M585,-96.13C585,-96.13 585,-102.82 585,-102.82"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="582.9,-102.82 585,-108.82 587.1,-102.82 582.9,-102.82"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;dom -->
<g id="edge13" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M621.06,-87C658.13,-87 720.14,-87 720.14,-87 720.14,-87 720.14,-385 720.14,-385 720.14,-385 461.8,-385 461.8,-385 461.8,-385 461.8,-385.28 461.8,-385.28"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="459.7,-381.78 461.8,-387.78 463.9,-381.78 459.7,-381.78"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge15" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M576.33,-77.87C576.33,-77.87 576.33,-71.18 576.33,-71.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="578.43,-71.18 576.33,-65.18 574.23,-71.18 578.43,-71.18"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge14" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M621.08,-93C634.1,-93 646.92,-93 646.92,-93 646.92,-93 646.92,-237 646.92,-237 646.92,-237 415.65,-237 415.65,-237"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="415.65,-234.9 409.65,-237 415.65,-239.1 415.65,-234.9"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/shared -->
<g id="edge18" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M277.29,-82C241.85,-82 190.3,-82 190.3,-82 190.3,-82 190.3,-304 190.3,-304 190.3,-304 423.96,-304 423.96,-304"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.96,-306.1 429.96,-304 423.96,-301.9 423.96,-306.1"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/scheduler -->
<g id="edge19" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M342.73,-81C357.56,-81 371.83,-81 371.83,-81 371.83,-81 371.83,-40.25 371.83,-40.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="373.93,-40.25 371.83,-34.25 369.73,-40.25 373.93,-40.25"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/react -->
<g id="edge17" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M277.34,-91C254.24,-91 227.36,-91 227.36,-91 227.36,-91 227.36,-257.72 227.36,-257.72"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="225.26,-257.72 227.36,-263.72 229.46,-257.72 225.26,-257.72"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge20" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M342.66,-87C397.58,-87 502.5,-87 502.5,-87 502.5,-87 502.5,-71.13 502.5,-71.13"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="504.6,-71.13 502.5,-65.13 500.4,-71.13 504.6,-71.13"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/jest&#45;react -->
<g id="edge23" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M400,-158.3C400,-162.26 400,-166 400,-166 400,-166 678,-166 678,-166 678,-166 678,-319.91 678,-319.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="675.9,-319.91 678,-325.91 680.1,-319.91 675.9,-319.91"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/shared -->
<g id="edge22" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M380.5,-158.32C380.5,-170.69 380.5,-191 380.5,-191 380.5,-191 440.8,-191 440.8,-191 440.8,-191 440.8,-288.75 440.8,-288.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="438.7,-288.75 440.8,-294.75 442.9,-288.75 438.7,-288.75"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/scheduler -->
<g id="edge25" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M386.29,-139.68C386.29,-139.68 386.29,-40.09 386.29,-40.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="388.39,-40.09 386.29,-34.09 384.19,-40.09 388.39,-40.09"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react -->
<g id="edge21" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M339.79,-149C301.64,-149 242.09,-149 242.09,-149 242.09,-149 242.09,-257.68 242.09,-257.68"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="239.99,-257.68 242.09,-263.68 244.19,-257.68 239.99,-257.68"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge24" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M353.5,-158.26C353.5,-158.26 353.5,-226.78 353.5,-226.78"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="351.4,-226.78 353.5,-232.78 355.6,-226.78 351.4,-226.78"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack -->
<g id="node14" class="node">
<title>packages/react&#45;server&#45;dom&#45;webpack</title>
<g id="a_node14"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-server-dom-webpack" xlink:title="react&#45;server&#45;dom&#45;webpack">
<polygon fill="#ffcccc" stroke="black" points="380,-127 256,-127 254,-125 254,-109 378,-109 380,-111 380,-127"/>
<polyline fill="none" stroke="black" points="378,-125 254,-125 "/>
<polyline fill="none" stroke="black" points="378,-125 378,-109 "/>
<polyline fill="none" stroke="black" points="378,-125 380,-127 "/>
<text text-anchor="start" x="262" y="-115.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;server&#45;dom&#45;webpack</text>
</a>
</g>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;server&#45;dom&#45;webpack -->
<g id="edge26" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;server&#45;dom&#45;webpack</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M366.67,-139.87C366.67,-139.87 366.67,-133.18 366.67,-133.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="368.77,-133.18 366.67,-127.18 364.57,-133.18 368.77,-133.18"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay -->
<g id="node15" class="node">
<title>packages/react&#45;server&#45;dom&#45;relay</title>
<g id="a_node15"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-server-dom-relay" xlink:title="react&#45;server&#45;dom&#45;relay">
<polygon fill="#ffcccc" stroke="black" points="516,-127 408,-127 406,-125 406,-109 514,-109 516,-111 516,-127"/>
<polyline fill="none" stroke="black" points="514,-125 406,-125 "/>
<polyline fill="none" stroke="black" points="514,-125 514,-109 "/>
<polyline fill="none" stroke="black" points="514,-125 516,-127 "/>
<text text-anchor="start" x="414" y="-115.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;server&#45;dom&#45;relay</text>
</a>
</g>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;server&#45;dom&#45;relay -->
<g id="edge27" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;server&#45;dom&#45;relay</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M398.86,-139.83C398.86,-131.67 398.86,-121 398.86,-121 398.86,-121 399.99,-121 399.99,-121"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="399.99,-123.1 405.99,-121 399.99,-118.9 399.99,-123.1"/>
</g>
<!-- packages/react&#45;server&#45;native&#45;relay -->
<g id="node16" class="node">
<title>packages/react&#45;server&#45;native&#45;relay</title>
<g id="a_node16"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-server-native-relay" xlink:title="react&#45;server&#45;native&#45;relay">
<polygon fill="#ffcccc" stroke="black" points="510,-189 396,-189 394,-187 394,-171 508,-171 510,-173 510,-189"/>
<polyline fill="none" stroke="black" points="508,-187 394,-187 "/>
<polyline fill="none" stroke="black" points="508,-187 508,-171 "/>
<polyline fill="none" stroke="black" points="508,-187 510,-189 "/>
<text text-anchor="start" x="402" y="-177.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;server&#45;native&#45;relay</text>
</a>
</g>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;server&#45;native&#45;relay -->
<g id="edge28" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;server&#45;native&#45;relay</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M398,-158.13C398,-158.13 398,-164.82 398,-164.82"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="395.9,-164.82 398,-170.82 400.1,-164.82 395.9,-164.82"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/jest&#45;react -->
<g id="edge135" class="edge">
<title>packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M363.67,-108.95C363.67,-104.05 363.67,-99 363.67,-99 363.67,-99 696,-99 696,-99 696,-99 696,-319.75 696,-319.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="693.9,-319.75 696,-325.75 698.1,-319.75 693.9,-319.75"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/shared -->
<g id="edge133" class="edge">
<title>packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M281,-127.17C281,-163.85 281,-298 281,-298 281,-298 423.89,-298 423.89,-298"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.89,-300.1 429.89,-298 423.89,-295.9 423.89,-300.1"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react -->
<g id="edge136" class="edge">
<title>packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M267.5,-127.2C267.5,-159.38 267.5,-265 267.5,-265 267.5,-265 253.08,-265 253.08,-265"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.08,-262.9 247.08,-265 253.08,-267.1 253.08,-262.9"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react&#45;dom -->
<g id="edge137" class="edge">
<title>packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M253.82,-118C220.97,-118 187.6,-118 187.6,-118 187.6,-118 187.6,-391 187.6,-391 187.6,-391 420.77,-391 420.77,-391"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.77,-393.1 426.77,-391 420.77,-388.9 420.77,-393.1"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react&#45;client -->
<g id="edge132" class="edge">
<title>packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M353.33,-127.13C353.33,-127.13 353.33,-133.82 353.33,-133.82"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="351.23,-133.82 353.33,-139.82 355.43,-133.82 351.23,-133.82"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react&#45;server -->
<g id="edge134" class="edge">
<title>packages/react&#45;server&#45;dom&#45;webpack&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M330.17,-127.06C330.17,-150.08 330.17,-209 330.17,-209 330.17,-209 480.11,-209 480.11,-209"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="480.11,-211.1 486.11,-209 480.11,-206.9 480.11,-211.1"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/jest&#45;react -->
<g id="edge130" class="edge">
<title>packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M495.75,-108.88C495.75,-105.29 495.75,-102 495.75,-102 495.75,-102 690,-102 690,-102 690,-102 690,-319.87 690,-319.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="687.9,-319.87 690,-325.87 692.1,-319.87 687.9,-319.87"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/shared -->
<g id="edge128" class="edge">
<title>packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M516.28,-116C518.49,-116 519.79,-116 519.79,-116 519.79,-116 519.79,-196 519.79,-196 519.79,-196 462.4,-196 462.4,-196 462.4,-196 462.4,-288.79 462.4,-288.79"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="460.3,-288.79 462.4,-294.79 464.5,-288.79 460.3,-288.79"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react -->
<g id="edge129" class="edge">
<title>packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M475.33,-127.26C475.33,-129.86 475.33,-132 475.33,-132 475.33,-132 237.18,-132 237.18,-132 237.18,-132 237.18,-257.75 237.18,-257.75"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="235.08,-257.75 237.18,-263.75 239.28,-257.75 235.08,-257.75"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react&#45;dom -->
<g id="edge131" class="edge">
<title>packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M440.67,-127.33C440.67,-140.25 440.67,-162 440.67,-162 440.67,-162 630.17,-162 630.17,-162 630.17,-162 630.17,-400 630.17,-400 630.17,-400 491.15,-400 491.15,-400"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="491.15,-397.9 485.15,-400 491.15,-402.1 491.15,-397.9"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react&#45;client -->
<g id="edge126" class="edge">
<title>packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M405.92,-115C399.79,-115 395.71,-115 395.71,-115 395.71,-115 395.71,-133.71 395.71,-133.71"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="393.61,-133.71 395.71,-139.71 397.81,-133.71 393.61,-133.71"/>
</g>
<!-- packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react&#45;server -->
<g id="edge127" class="edge">
<title>packages/react&#45;server&#45;dom&#45;relay&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M516.27,-123C526.97,-123 534.93,-123 534.93,-123 534.93,-123 534.93,-195.91 534.93,-195.91"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="532.83,-195.91 534.93,-201.91 537.03,-195.91 532.83,-195.91"/>
</g>
<!-- packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/shared -->
<g id="edge140" class="edge">
<title>packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M451.6,-189.32C451.6,-189.32 451.6,-288.91 451.6,-288.91"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="449.5,-288.91 451.6,-294.91 453.7,-288.91 449.5,-288.91"/>
</g>
<!-- packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react -->
<g id="edge141" class="edge">
<title>packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M419.75,-189.19C419.75,-211.93 419.75,-269 419.75,-269 419.75,-269 253.36,-269 253.36,-269"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.36,-266.9 247.36,-269 253.36,-271.1 253.36,-266.9"/>
</g>
<!-- packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react&#45;client -->
<g id="edge138" class="edge">
<title>packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M396,-170.87C396,-170.87 396,-164.18 396,-164.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="398.1,-164.18 396,-158.18 393.9,-164.18 398.1,-164.18"/>
</g>
<!-- packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react&#45;server -->
<g id="edge139" class="edge">
<title>packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M494.33,-189.13C494.33,-189.13 494.33,-195.82 494.33,-195.82"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="492.23,-195.82 494.33,-201.82 496.43,-195.82 492.23,-195.82"/>
</g>
<!-- packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react&#45;native&#45;renderer -->
<g id="edge142" class="edge">
<title>packages/react&#45;server&#45;native&#45;relay&#45;&gt;packages/react&#45;native&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M510.21,-180C528.85,-180 544.75,-180 544.75,-180 544.75,-180 544.75,-164.13 544.75,-164.13"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="546.85,-164.13 544.75,-158.13 542.65,-164.13 546.85,-164.13"/>
</g>
<!-- packages/react&#45;debug&#45;tools -->
<g id="node17" class="node">
<title>packages/react&#45;debug&#45;tools</title>
<g id="a_node17"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-debug-tools" xlink:title="react&#45;debug&#45;tools">
<polygon fill="#ccffcc" stroke="black" points="841.5,-375 754.5,-375 752.5,-373 752.5,-357 839.5,-357 841.5,-359 841.5,-375"/>
<polyline fill="none" stroke="black" points="839.5,-373 752.5,-373 "/>
<polyline fill="none" stroke="black" points="839.5,-373 839.5,-357 "/>
<polyline fill="none" stroke="black" points="839.5,-373 841.5,-375 "/>
<text text-anchor="start" x="760.5" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;debug&#45;tools</text>
</a>
</g>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/jest&#45;react -->
<g id="edge34" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M752.35,-371C725.78,-371 697.2,-371 697.2,-371 697.2,-371 697.2,-350.08 697.2,-350.08"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="699.3,-350.08 697.2,-344.08 695.1,-350.08 699.3,-350.08"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/shared -->
<g id="edge30" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M767.33,-356.83C767.33,-339.13 767.33,-302 767.33,-302 767.33,-302 490.27,-302 490.27,-302"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.27,-299.9 484.27,-302 490.27,-304.1 490.27,-299.9"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/scheduler -->
<g id="edge33" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M826.67,-356.69C826.67,-301.35 826.67,-18 826.67,-18 826.67,-18 418.7,-18 418.7,-18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="418.7,-15.9 412.7,-18 418.7,-20.1 418.7,-15.9"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/react -->
<g id="edge31" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M782.17,-356.84C782.17,-333.57 782.17,-274 782.17,-274 782.17,-274 253.11,-274 253.11,-274"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.11,-271.9 247.11,-274 253.11,-276.1 253.11,-271.9"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;reconciler -->
<g id="edge29" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M797,-356.92C797,-311.5 797,-111 797,-111 797,-111 640.11,-111 640.11,-111"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="640.11,-108.9 634.11,-111 640.11,-113.1 640.11,-108.9"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge32" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M811.83,-356.97C811.83,-305.65 811.83,-53 811.83,-53 811.83,-53 587.02,-53 587.02,-53"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="587.02,-50.9 581.02,-53 587.02,-55.1 587.02,-50.9"/>
</g>
<!-- packages/react&#45;devtools -->
<g id="node18" class="node">
<title>packages/react&#45;devtools</title>
<g id="a_node18"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools" xlink:title="react&#45;devtools">
<polygon fill="#ccffcc" stroke="black" points="371,-530 299,-530 297,-528 297,-512 369,-512 371,-514 371,-530"/>
<polyline fill="none" stroke="black" points="369,-528 297,-528 "/>
<polyline fill="none" stroke="black" points="369,-528 369,-512 "/>
<polyline fill="none" stroke="black" points="369,-528 371,-530 "/>
<text text-anchor="start" x="305" y="-518.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;core -->
<g id="node19" class="node">
<title>packages/react&#45;devtools&#45;core</title>
<g id="a_node19"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-core" xlink:title="react&#45;devtools&#45;core">
<polygon fill="#ccffcc" stroke="black" points="381.5,-499 288.5,-499 286.5,-497 286.5,-481 379.5,-481 381.5,-483 381.5,-499"/>
<polyline fill="none" stroke="black" points="379.5,-497 286.5,-497 "/>
<polyline fill="none" stroke="black" points="379.5,-497 379.5,-481 "/>
<polyline fill="none" stroke="black" points="379.5,-497 381.5,-499 "/>
<text text-anchor="start" x="294.5" y="-487.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools&#45;core</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;&gt;packages/react&#45;devtools&#45;core -->
<g id="edge35" class="edge">
<title>packages/react&#45;devtools&#45;&gt;packages/react&#45;devtools&#45;core</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M334,-511.87C334,-511.87 334,-505.18 334,-505.18"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="336.1,-505.18 334,-499.18 331.9,-505.18 336.1,-505.18"/>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react -->
<g id="edge37" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M286.17,-485C250.68,-485 208.43,-485 208.43,-485 208.43,-485 208.43,-288.11 208.43,-288.11"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="210.53,-288.11 208.43,-282.11 206.33,-288.11 210.53,-288.11"/>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;dom -->
<g id="edge38" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M381.62,-490C398.55,-490 413.5,-490 413.5,-490 413.5,-490 413.5,-404 413.5,-404 413.5,-404 420.95,-404 420.95,-404"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.95,-406.1 426.95,-404 420.95,-401.9 420.95,-406.1"/>
</g>
<!-- packages/react&#45;devtools&#45;shared -->
<g id="node20" class="node">
<title>packages/react&#45;devtools&#45;shared</title>
<g id="a_node20"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-shared" xlink:title="react&#45;devtools&#45;shared">
<polygon fill="#ccffcc" stroke="black" points="405,-468 301,-468 299,-466 299,-450 403,-450 405,-452 405,-468"/>
<polyline fill="none" stroke="black" points="403,-466 299,-466 "/>
<polyline fill="none" stroke="black" points="403,-466 403,-450 "/>
<polyline fill="none" stroke="black" points="403,-466 405,-468 "/>
<text text-anchor="start" x="307" y="-456.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools&#45;shared</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge36" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M340.25,-480.87C340.25,-480.87 340.25,-474.18 340.25,-474.18"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="342.35,-474.18 340.25,-468.18 338.15,-474.18 342.35,-474.18"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions -->
<g id="node21" class="node">
<title>packages/react&#45;devtools&#45;extensions</title>
<g id="a_node21"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-extensions" xlink:title="react&#45;devtools&#45;extensions">
<polygon fill="#ccffcc" stroke="black" points="166,-437 46,-437 44,-435 44,-419 164,-419 166,-421 166,-437"/>
<polyline fill="none" stroke="black" points="164,-435 44,-435 "/>
<polyline fill="none" stroke="black" points="164,-435 164,-419 "/>
<polyline fill="none" stroke="black" points="164,-435 166,-437 "/>
<text text-anchor="start" x="52" y="-425.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools&#45;extensions</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge39" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M286.29,-494C234.59,-494 159.4,-494 159.4,-494 159.4,-494 159.4,-443.18 159.4,-443.18"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="161.5,-443.18 159.4,-437.18 157.3,-443.18 161.5,-443.18"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/jest&#45;react -->
<g id="edge56" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M398.25,-449.91C398.25,-428.56 398.25,-377 398.25,-377 398.25,-377 675.6,-377 675.6,-377 675.6,-377 675.6,-350.32 675.6,-350.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="677.7,-350.32 675.6,-344.32 673.5,-350.32 677.7,-350.32"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/shared -->
<g id="edge49" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M405.43,-453C449.91,-453 506,-453 506,-453 506,-453 506,-311 506,-311 506,-311 490.08,-311 490.08,-311"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.08,-308.9 484.08,-311 490.08,-313.1 490.08,-308.9"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/scheduler -->
<g id="edge55" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M298.98,-456C244.85,-456 168.7,-456 168.7,-456 168.7,-456 168.7,-19 168.7,-19 168.7,-19 349.41,-19 349.41,-19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="349.41,-21.1 355.41,-19 349.41,-16.9 349.41,-21.1"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react -->
<g id="edge47" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M298.78,-452C259.3,-452 212.29,-452 212.29,-452 212.29,-452 212.29,-288.12 212.29,-288.12"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="214.39,-288.12 212.29,-282.12 210.19,-288.12 214.39,-288.12"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;reconciler -->
<g id="edge58" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M405.14,-457C510.15,-457 734.17,-457 734.17,-457 734.17,-457 734.17,-115 734.17,-115 734.17,-115 640.17,-115 640.17,-115"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="640.17,-112.9 634.17,-115 640.17,-117.1 640.17,-112.9"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;dom -->
<g id="edge52" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M400.5,-449.75C400.5,-433.85 400.5,-403 400.5,-403 400.5,-403 420.95,-403 420.95,-403"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.95,-405.1 426.95,-403 420.95,-400.9 420.95,-405.1"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge54" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M298.79,-454C245.52,-454 171.4,-454 171.4,-454 171.4,-454 171.4,-52 171.4,-52 171.4,-52 482.95,-52 482.95,-52"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="482.95,-54.1 488.95,-52 482.95,-49.9 482.95,-54.1"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;art -->
<g id="edge57" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;art</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M405.18,-460C512.18,-460 743.33,-460 743.33,-460 743.33,-460 743.33,-84 743.33,-84 743.33,-84 627.04,-84 627.04,-84"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="627.04,-81.9 621.04,-84 627.04,-86.1 627.04,-81.9"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;debug&#45;tools -->
<g id="edge51" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;debug&#45;tools</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M405.33,-464C517.95,-464 769.75,-464 769.75,-464 769.75,-464 769.75,-381.04 769.75,-381.04"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="771.85,-381.04 769.75,-375.04 767.65,-381.04 771.85,-381.04"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge46" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-width="2" stroke-opacity="0.466667" d="M298.82,-459C243.17,-459 163.8,-459 163.8,-459 163.8,-459 163.8,-443.13 163.8,-443.13"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-width="2" stroke-opacity="0.466667" points="165.9,-443.13 163.8,-437.13 161.7,-443.13 165.9,-443.13"/>
</g>
<!-- packages/react&#45;is -->
<g id="node23" class="node">
<title>packages/react&#45;is</title>
<g id="a_node23"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-is" xlink:title="react&#45;is">
<polygon fill="#ffcccc" stroke="black" points="396,-437 344,-437 342,-435 342,-419 394,-419 396,-421 396,-437"/>
<polyline fill="none" stroke="black" points="394,-435 342,-435 "/>
<polyline fill="none" stroke="black" points="394,-435 394,-419 "/>
<polyline fill="none" stroke="black" points="394,-435 396,-437 "/>
<text text-anchor="start" x="353.5" y="-425.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;is</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;is -->
<g id="edge48" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;is</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M369,-449.87C369,-449.87 369,-443.18 369,-443.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="371.1,-443.18 369,-437.18 366.9,-443.18 371.1,-443.18"/>
</g>
<!-- packages/react&#45;devtools&#45;timeline -->
<g id="node24" class="node">
<title>packages/react&#45;devtools&#45;timeline</title>
<g id="a_node24"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-timeline" xlink:title="react&#45;devtools&#45;timeline">
<polygon fill="#ccffcc" stroke="black" points="330,-437 222,-437 220,-435 220,-419 328,-419 330,-421 330,-437"/>
<polyline fill="none" stroke="black" points="328,-435 220,-435 "/>
<polyline fill="none" stroke="black" points="328,-435 328,-419 "/>
<polyline fill="none" stroke="black" points="328,-435 330,-437 "/>
<text text-anchor="start" x="228" y="-425.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools&#45;timeline</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;devtools&#45;timeline -->
<g id="edge50" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;devtools&#45;timeline</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M319.67,-449.87C319.67,-449.87 319.67,-443.18 319.67,-443.18"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="321.77,-443.18 319.67,-437.18 317.57,-443.18 321.77,-443.18"/>
</g>
<!-- packages/react&#45;refresh -->
<g id="node25" class="node">
<title>packages/react&#45;refresh</title>
<g id="a_node25"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-refresh" xlink:title="react&#45;refresh">
<polygon fill="#ffcccc" stroke="black" points="490,-437 424,-437 422,-435 422,-419 488,-419 490,-421 490,-437"/>
<polyline fill="none" stroke="black" points="488,-435 422,-435 "/>
<polyline fill="none" stroke="black" points="488,-435 488,-419 "/>
<polyline fill="none" stroke="black" points="488,-435 490,-437 "/>
<text text-anchor="start" x="430" y="-425.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;refresh</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;refresh -->
<g id="edge53" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;refresh</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M402.75,-449.87C402.75,-440.72 402.75,-428 402.75,-428 402.75,-428 415.97,-428 415.97,-428"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="415.97,-430.1 421.97,-428 415.97,-425.9 415.97,-430.1"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react -->
<g id="edge41" class="edge">
<title>packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M166.01,-428C182.98,-428 196.86,-428 196.86,-428 196.86,-428 196.86,-288.23 196.86,-288.23"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="198.96,-288.23 196.86,-282.23 194.76,-288.23 198.96,-288.23"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;dom -->
<g id="edge42" class="edge">
<title>packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M105,-418.84C105,-410.01 105,-398 105,-398 105,-398 420.98,-398 420.98,-398"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.98,-400.1 426.98,-398 420.98,-395.9 420.98,-400.1"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge40" class="edge">
<title>packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M161.6,-437.02C161.6,-446.79 161.6,-461 161.6,-461 161.6,-461 292.96,-461 292.96,-461"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="292.96,-463.1 298.96,-461 292.96,-458.9 292.96,-463.1"/>
</g>
<!-- packages/react&#45;devtools&#45;inline -->
<g id="node22" class="node">
<title>packages/react&#45;devtools&#45;inline</title>
<g id="a_node22"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-inline" xlink:title="react&#45;devtools&#45;inline">
<polygon fill="#ccffcc" stroke="black" points="155,-499 57,-499 55,-497 55,-481 153,-481 155,-483 155,-499"/>
<polyline fill="none" stroke="black" points="153,-497 55,-497 "/>
<polyline fill="none" stroke="black" points="153,-497 153,-481 "/>
<polyline fill="none" stroke="black" points="153,-497 155,-499 "/>
<text text-anchor="start" x="63" y="-487.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools&#45;inline</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;inline&#45;&gt;packages/react -->
<g id="edge44" class="edge">
<title>packages/react&#45;devtools&#45;inline&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M155.1,-490C178.26,-490 200.71,-490 200.71,-490 200.71,-490 200.71,-288.05 200.71,-288.05"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="202.81,-288.05 200.71,-282.05 198.61,-288.05 202.81,-288.05"/>
</g>
<!-- packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge43" class="edge">
<title>packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M121.67,-480.86C121.67,-473.03 121.67,-463 121.67,-463 121.67,-463 292.87,-463 292.87,-463"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="292.87,-465.1 298.87,-463 292.87,-460.9 292.87,-465.1"/>
</g>
<!-- packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge45" class="edge">
<title>packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M88.33,-480.85C88.33,-480.85 88.33,-443.19 88.33,-443.19"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="90.43,-443.19 88.33,-437.19 86.23,-443.19 90.43,-443.19"/>
</g>
<!-- packages/react&#45;is&#45;&gt;packages/shared -->
<g id="edge84" class="edge">
<title>packages/react&#45;is&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M359.67,-418.91C359.67,-397.56 359.67,-346 359.67,-346 359.67,-346 457,-346 457,-346 457,-346 457,-319.32 457,-319.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="459.1,-319.32 457,-313.32 454.9,-319.32 459.1,-319.32"/>
</g>
<!-- packages/react&#45;is&#45;&gt;packages/react -->
<g id="edge85" class="edge">
<title>packages/react&#45;is&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M350.83,-418.94C350.83,-398.19 350.83,-349 350.83,-349 350.83,-349 236.2,-349 236.2,-349 236.2,-349 236.2,-288.02 236.2,-288.02"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="238.3,-288.02 236.2,-282.02 234.1,-288.02 238.3,-288.02"/>
</g>
<!-- packages/react&#45;is&#45;&gt;packages/react&#45;dom -->
<g id="edge86" class="edge">
<title>packages/react&#45;is&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M382.25,-418.91C382.25,-411.41 382.25,-402 382.25,-402 382.25,-402 420.85,-402 420.85,-402"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.85,-404.1 426.85,-402 420.85,-399.9 420.85,-404.1"/>
</g>
<!-- packages/react&#45;devtools&#45;timeline&#45;&gt;packages/shared -->
<g id="edge66" class="edge">
<title>packages/react&#45;devtools&#45;timeline&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M250.5,-418.76C250.5,-390.15 250.5,-305 250.5,-305 250.5,-305 423.58,-305 423.58,-305"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.58,-307.1 429.58,-305 423.58,-302.9 423.58,-307.1"/>
</g>
<!-- packages/react&#45;devtools&#45;timeline&#45;&gt;packages/react -->
<g id="edge64" class="edge">
<title>packages/react&#45;devtools&#45;timeline&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M222.7,-418.77C222.7,-418.77 222.7,-288.38 222.7,-288.38"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="224.8,-288.38 222.7,-282.38 220.6,-288.38 224.8,-288.38"/>
</g>
<!-- packages/react&#45;devtools&#45;timeline&#45;&gt;packages/react&#45;dom -->
<g id="edge67" class="edge">
<title>packages/react&#45;devtools&#45;timeline&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M306.25,-418.83C306.25,-410.67 306.25,-400 306.25,-400 306.25,-400 420.77,-400 420.77,-400"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.77,-402.1 426.77,-400 420.77,-397.9 420.77,-402.1"/>
</g>
<!-- packages/react&#45;devtools&#45;timeline&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge65" class="edge">
<title>packages/react&#45;devtools&#45;timeline&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M309.33,-437.13C309.33,-437.13 309.33,-443.82 309.33,-443.82"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="307.23,-443.82 309.33,-449.82 311.43,-443.82 307.23,-443.82"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/jest&#45;react -->
<g id="edge112" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M490.41,-425C542.83,-425 636.67,-425 636.67,-425 636.67,-425 636.67,-340 636.67,-340 636.67,-340 647.93,-340 647.93,-340"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="647.93,-342.1 653.93,-340 647.93,-337.9 647.93,-342.1"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/shared -->
<g id="edge111" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M490.12,-422C497.93,-422 504,-422 504,-422 504,-422 504,-308 504,-308 504,-308 490.07,-308 490.07,-308"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.07,-305.9 484.07,-308 490.07,-310.1 490.07,-305.9"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/scheduler -->
<g id="edge115" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M490.06,-434C567.06,-434 747.92,-434 747.92,-434 747.92,-434 747.92,-21 747.92,-21 747.92,-21 418.56,-21 418.56,-21"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="418.56,-18.9 412.56,-21 418.56,-23.1 418.56,-18.9"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react -->
<g id="edge113" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M446.33,-418.88C446.33,-415.29 446.33,-412 446.33,-412 446.33,-412 225.4,-412 225.4,-412 225.4,-412 225.4,-288.12 225.4,-288.12"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="227.5,-288.12 225.4,-282.12 223.3,-288.12 227.5,-288.12"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react&#45;reconciler -->
<g id="edge110" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M490.1,-428C563.44,-428 729.58,-428 729.58,-428 729.58,-428 729.58,-113 729.58,-113 729.58,-113 640.31,-113 640.31,-113"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="640.31,-110.9 634.31,-113 640.31,-115.1 640.31,-110.9"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react&#45;dom -->
<g id="edge114" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M465.67,-418.87C465.67,-418.87 465.67,-412.18 465.67,-412.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="467.77,-412.18 465.67,-406.18 463.57,-412.18 467.77,-412.18"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react&#45;art -->
<g id="edge116" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react&#45;art</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M490.11,-431C565.31,-431 738.75,-431 738.75,-431 738.75,-431 738.75,-81 738.75,-81 738.75,-81 627.23,-81 627.23,-81"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="627.23,-78.9 621.23,-81 627.23,-83.1 627.23,-78.9"/>
</g>
<!-- packages/react&#45;devtools&#45;shell -->
<g id="node26" class="node">
<title>packages/react&#45;devtools&#45;shell</title>
<g id="a_node26"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-shell" xlink:title="react&#45;devtools&#45;shell">
<polygon fill="#ccffcc" stroke="black" points="153.5,-530 58.5,-530 56.5,-528 56.5,-512 151.5,-512 153.5,-514 153.5,-530"/>
<polyline fill="none" stroke="black" points="151.5,-528 56.5,-528 "/>
<polyline fill="none" stroke="black" points="151.5,-528 151.5,-512 "/>
<polyline fill="none" stroke="black" points="151.5,-528 153.5,-530 "/>
<text text-anchor="start" x="64.5" y="-518.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;devtools&#45;shell</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react -->
<g id="edge59" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M153.62,-525C178.89,-525 204.57,-525 204.57,-525 204.57,-525 204.57,-288.27 204.57,-288.27"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="206.67,-288.27 204.57,-282.27 202.47,-288.27 206.67,-288.27"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;dom -->
<g id="edge60" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M153.69,-521C166.49,-521 176.8,-521 176.8,-521 176.8,-521 176.8,-399 176.8,-399 176.8,-399 420.91,-399 420.91,-399"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="420.91,-401.1 426.91,-399 420.91,-396.9 420.91,-401.1"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge62" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M153.78,-516C155.93,-516 157.2,-516 157.2,-516 157.2,-516 157.2,-465 157.2,-465 157.2,-465 292.77,-465 292.77,-465"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="292.77,-467.1 298.77,-465 292.77,-462.9 292.77,-467.1"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge63" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M56.31,-521C52.16,-521 49.5,-521 49.5,-521 49.5,-521 49.5,-443.26 49.5,-443.26"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="51.6,-443.26 49.5,-437.26 47.4,-443.26 51.6,-443.26"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;inline -->
<g id="edge61" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;inline</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M105,-511.87C105,-511.87 105,-505.18 105,-505.18"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="107.1,-505.18 105,-499.18 102.9,-505.18 107.1,-505.18"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/shared -->
<g id="edge117" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M494,-220.1C494,-242.02 494,-296 494,-296 494,-296 490.28,-296 490.28,-296"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.28,-293.9 484.28,-296 490.28,-298.1 490.28,-293.9"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react -->
<g id="edge119" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M492,-220.11C492,-236.9 492,-271 492,-271 492,-271 253.07,-271 253.07,-271"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.07,-268.9 247.07,-271 253.07,-273.1 253.07,-268.9"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;reconciler -->
<g id="edge118" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M538.71,-201.84C538.71,-178.57 538.71,-119 538.71,-119 538.71,-119 547.82,-119 547.82,-119"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="547.82,-121.1 553.82,-119 547.82,-116.9 547.82,-121.1"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;dom -->
<g id="edge124" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M500,-220.28C500,-257.36 500,-393 500,-393 500,-393 491.1,-393 491.1,-393"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="491.1,-390.9 485.1,-393 491.1,-395.1 491.1,-390.9"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge120" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M486.34,-212C451.65,-212 401.75,-212 401.75,-212 401.75,-212 401.75,-226.84 401.75,-226.84"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="399.65,-226.84 401.75,-232.84 403.85,-226.84 399.65,-226.84"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;server&#45;dom&#45;webpack -->
<g id="edge121" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;server&#45;dom&#45;webpack</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M486.12,-205C433.22,-205 335.08,-205 335.08,-205 335.08,-205 335.08,-133.31 335.08,-133.31"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="337.18,-133.31 335.08,-127.31 332.98,-133.31 337.18,-133.31"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;server&#45;dom&#45;relay -->
<g id="edge122" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;server&#45;dom&#45;relay</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M531.14,-201.86C531.14,-177.36 531.14,-112 531.14,-112 531.14,-112 522.27,-112 522.27,-112"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="522.27,-109.9 516.27,-112 522.27,-114.1 522.27,-109.9"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;server&#45;native&#45;relay -->
<g id="edge123" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;server&#45;native&#45;relay</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M502.17,-201.87C502.17,-201.87 502.17,-195.18 502.17,-195.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="504.27,-195.18 502.17,-189.18 500.07,-195.18 504.27,-195.18"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;native&#45;renderer -->
<g id="edge125" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;native&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M547,-201.85C547,-201.85 547,-164.19 547,-164.19"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="549.1,-164.19 547,-158.19 544.9,-164.19 549.1,-164.19"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/jest&#45;react -->
<g id="edge160" class="edge">
<title>packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M627.73,-360C647.48,-360 664.8,-360 664.8,-360 664.8,-360 664.8,-350.03 664.8,-350.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="666.9,-350.03 664.8,-344.03 662.7,-350.03 666.9,-350.03"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/shared -->
<g id="edge164" class="edge">
<title>packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M514.27,-363C510.4,-363 508,-363 508,-363 508,-363 508,-310 508,-310 508,-310 490.29,-310 490.29,-310"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.29,-307.9 484.29,-310 490.29,-312.1 490.29,-307.9"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/scheduler -->
<g id="edge162" class="edge">
<title>packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M627.88,-364C667.35,-364 712.86,-364 712.86,-364 712.86,-364 712.86,-26 712.86,-26 712.86,-26 418.61,-26 418.61,-26"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="418.61,-23.9 412.61,-26 418.61,-28.1 418.61,-23.9"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/react -->
<g id="edge159" class="edge">
<title>packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M552.17,-356.78C552.17,-355.17 552.17,-354 552.17,-354 552.17,-354 216.14,-354 216.14,-354 216.14,-354 216.14,-288.29 216.14,-288.29"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="218.24,-288.29 216.14,-282.29 214.04,-288.29 218.24,-288.29"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/react&#45;dom -->
<g id="edge163" class="edge">
<title>packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M589.83,-375.08C589.83,-384.54 589.83,-398 589.83,-398 589.83,-398 491.04,-398 491.04,-398"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="491.04,-395.9 485.04,-398 491.04,-400.1 491.04,-395.9"/>
</g>
<!-- packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge161" class="edge">
<title>packages/use&#45;sync&#45;external&#45;store&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M514.39,-369C511.64,-369 510,-369 510,-369 510,-369 510,-246 510,-246 510,-246 415.53,-246 415.53,-246"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="415.53,-243.9 409.53,-246 415.53,-248.1 415.53,-243.9"/>
</g>
<!-- packages/react&#45;fetch -->
<g id="node29" class="node">
<title>packages/react&#45;fetch</title>
<g id="a_node29"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-fetch" xlink:title="react&#45;fetch">
<polygon fill="#ffcccc" stroke="black" points="341.5,-375 284.5,-375 282.5,-373 282.5,-357 339.5,-357 341.5,-359 341.5,-375"/>
<polyline fill="none" stroke="black" points="339.5,-373 282.5,-373 "/>
<polyline fill="none" stroke="black" points="339.5,-373 339.5,-357 "/>
<polyline fill="none" stroke="black" points="339.5,-373 341.5,-375 "/>
<text text-anchor="start" x="290.5" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;fetch</text>
</a>
</g>
</g>
<!-- packages/react&#45;fetch&#45;&gt;packages/shared -->
<g id="edge80" class="edge">
<title>packages/react&#45;fetch&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M313.67,-356.84C313.67,-340.73 313.67,-309 313.67,-309 313.67,-309 423.7,-309 423.7,-309"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.7,-311.1 429.7,-309 423.7,-306.9 423.7,-311.1"/>
</g>
<!-- packages/react&#45;fetch&#45;&gt;packages/react -->
<g id="edge79" class="edge">
<title>packages/react&#45;fetch&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M282.32,-366C260.09,-366 233.5,-366 233.5,-366 233.5,-366 233.5,-288.26 233.5,-288.26"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="235.6,-288.26 233.5,-282.26 231.4,-288.26 235.6,-288.26"/>
</g>
<!-- packages/react&#45;suspense&#45;test&#45;utils -->
<g id="node30" class="node">
<title>packages/react&#45;suspense&#45;test&#45;utils</title>
<g id="a_node30"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-suspense-test-utils" xlink:title="react&#45;suspense&#45;test&#45;utils">
<polygon fill="#ffcccc" stroke="black" points="628,-344 514,-344 512,-342 512,-326 626,-326 628,-328 628,-344"/>
<polyline fill="none" stroke="black" points="626,-342 512,-342 "/>
<polyline fill="none" stroke="black" points="626,-342 626,-326 "/>
<polyline fill="none" stroke="black" points="626,-342 628,-344 "/>
<text text-anchor="start" x="520" y="-332.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;suspense&#45;test&#45;utils</text>
</a>
</g>
</g>
<!-- packages/react&#45;fetch&#45;&gt;packages/react&#45;suspense&#45;test&#45;utils -->
<g id="edge81" class="edge">
<title>packages/react&#45;fetch&#45;&gt;packages/react&#45;suspense&#45;test&#45;utils</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M330.75,-356.76C330.75,-353.67 330.75,-351 330.75,-351 330.75,-351 589.83,-351 589.83,-351 589.83,-351 589.83,-350.12 589.83,-350.12"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="591.93,-350.12 589.83,-344.12 587.73,-350.12 591.93,-350.12"/>
</g>
<!-- packages/react&#45;suspense&#45;test&#45;utils&#45;&gt;packages/shared -->
<g id="edge144" class="edge">
<title>packages/react&#45;suspense&#45;test&#45;utils&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M531.75,-325.84C531.75,-317.01 531.75,-305 531.75,-305 531.75,-305 490.41,-305 490.41,-305"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.41,-302.9 484.41,-305 490.41,-307.1 490.41,-302.9"/>
</g>
<!-- packages/react&#45;suspense&#45;test&#45;utils&#45;&gt;packages/react&#45;reconciler -->
<g id="edge143" class="edge">
<title>packages/react&#45;suspense&#45;test&#45;utils&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M628.38,-333C640.54,-333 649.75,-333 649.75,-333 649.75,-333 649.75,-123 649.75,-123 649.75,-123 640.22,-123 640.22,-123"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="640.22,-120.9 634.22,-123 640.22,-125.1 640.22,-120.9"/>
</g>
<!-- packages/react&#45;fs -->
<g id="node31" class="node">
<title>packages/react&#45;fs</title>
<g id="a_node31"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-fs" xlink:title="react&#45;fs">
<polygon fill="#ffcccc" stroke="black" points="374,-344 322,-344 320,-342 320,-326 372,-326 374,-328 374,-344"/>
<polyline fill="none" stroke="black" points="372,-342 320,-342 "/>
<polyline fill="none" stroke="black" points="372,-342 372,-326 "/>
<polyline fill="none" stroke="black" points="372,-342 374,-344 "/>
<text text-anchor="start" x="331.5" y="-332.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;fs</text>
</a>
</g>
</g>
<!-- packages/react&#45;fs&#45;&gt;packages/shared -->
<g id="edge83" class="edge">
<title>packages/react&#45;fs&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M356,-325.79C356,-319.02 356,-311 356,-311 356,-311 423.93,-311 423.93,-311"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.93,-313.1 429.93,-311 423.93,-308.9 423.93,-313.1"/>
</g>
<!-- packages/react&#45;fs&#45;&gt;packages/react -->
<g id="edge82" class="edge">
<title>packages/react&#45;fs&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M338,-325.92C338,-310.3 338,-280 338,-280 338,-280 253.07,-280 253.07,-280"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.07,-277.9 247.07,-280 253.07,-282.1 253.07,-277.9"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/jest&#45;react -->
<g id="edge90" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M638.83,-158.17C638.83,-194.85 638.83,-329 638.83,-329 638.83,-329 647.58,-329 647.58,-329"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="647.58,-331.1 653.58,-329 647.58,-326.9 647.58,-331.1"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/shared -->
<g id="edge89" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M602.5,-158.32C602.5,-190.94 602.5,-298 602.5,-298 602.5,-298 490.03,-298 490.03,-298"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="490.03,-295.9 484.03,-298 490.03,-300.1 490.03,-295.9"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react -->
<g id="edge87" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M577,-158.32C577,-187.16 577,-273 577,-273 577,-273 253.13,-273 253.13,-273"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.13,-270.9 247.13,-273 253.13,-275.1 253.13,-270.9"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;reconciler -->
<g id="edge88" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M618,-139.87C618,-139.87 618,-133.18 618,-133.18"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="620.1,-133.18 618,-127.18 615.9,-133.18 620.1,-133.18"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;dom -->
<g id="edge91" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M632.33,-158C632.33,-203.07 632.33,-402 632.33,-402 632.33,-402 491.12,-402 491.12,-402"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="491.12,-399.9 485.12,-402 491.12,-404.1 491.12,-399.9"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;server -->
<g id="edge92" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M549.25,-158.15C549.25,-158.15 549.25,-195.81 549.25,-195.81"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="547.15,-195.81 549.25,-201.81 551.35,-195.81 547.15,-195.81"/>
</g>
<!-- packages/react&#45;pg -->
<g id="node33" class="node">
<title>packages/react&#45;pg</title>
<g id="a_node33"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-pg" xlink:title="react&#45;pg">
<polygon fill="#ffcccc" stroke="black" points="308,-344 256,-344 254,-342 254,-326 306,-326 308,-328 308,-344"/>
<polyline fill="none" stroke="black" points="306,-342 254,-342 "/>
<polyline fill="none" stroke="black" points="306,-342 306,-326 "/>
<polyline fill="none" stroke="black" points="306,-342 308,-344 "/>
<text text-anchor="start" x="264" y="-332.8" font-family="Helvetica,sans-Serif" font-size="9.00">react&#45;pg</text>
</a>
</g>
</g>
<!-- packages/react&#45;pg&#45;&gt;packages/shared -->
<g id="edge99" class="edge">
<title>packages/react&#45;pg&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M294.5,-325.83C294.5,-317.67 294.5,-307 294.5,-307 294.5,-307 423.8,-307 423.8,-307"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="423.8,-309.1 429.8,-307 423.8,-304.9 423.8,-309.1"/>
</g>
<!-- packages/react&#45;pg&#45;&gt;packages/react -->
<g id="edge98" class="edge">
<title>packages/react&#45;pg&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M253.62,-335C245.58,-335 238.9,-335 238.9,-335 238.9,-335 238.9,-288.15 238.9,-288.15"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="241,-288.15 238.9,-282.15 236.8,-288.15 241,-288.15"/>
</g>
<!-- packages/use&#45;subscription -->
<g id="node34" class="node">
<title>packages/use&#45;subscription</title>
<g id="a_node34"><a xlink:href="https://github.com/facebook/react/blob/master/packages/use-subscription" xlink:title="use&#45;subscription">
<polygon fill="#ffffcc" stroke="black" points="725,-406 643,-406 641,-404 641,-388 723,-388 725,-390 725,-406"/>
<polyline fill="none" stroke="black" points="723,-404 641,-404 "/>
<polyline fill="none" stroke="black" points="723,-404 723,-388 "/>
<polyline fill="none" stroke="black" points="723,-404 725,-406 "/>
<text text-anchor="start" x="649" y="-394.8" font-family="Helvetica,sans-Serif" font-size="9.00">use&#45;subscription</text>
</a>
</g>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/jest&#45;react -->
<g id="edge155" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/jest&#45;react</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M686.4,-387.85C686.4,-387.85 686.4,-350.19 686.4,-350.19"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="688.5,-350.19 686.4,-344.19 684.3,-350.19 688.5,-350.19"/>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/scheduler -->
<g id="edge158" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M722.57,-387.76C722.57,-330.16 722.57,-23 722.57,-23 722.57,-23 418.57,-23 418.57,-23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="418.57,-20.9 412.57,-23 418.57,-25.1 418.57,-20.9"/>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/react -->
<g id="edge156" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M710.43,-387.91C710.43,-359.77 710.43,-276 710.43,-276 710.43,-276 253.07,-276 253.07,-276"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="253.07,-273.9 247.07,-276 253.07,-278.1 253.07,-273.9"/>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge157" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M652.58,-387.96C652.58,-334.21 652.58,-59 652.58,-59 652.58,-59 587.13,-59 587.13,-59"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="587.13,-56.9 581.13,-59 587.13,-61.1 587.13,-56.9"/>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/use&#45;sync&#45;external&#45;store -->
<g id="edge154" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/use&#45;sync&#45;external&#45;store</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M651.17,-387.84C651.17,-379.01 651.17,-367 651.17,-367 651.17,-367 633.55,-367 633.55,-367"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="633.55,-364.9 627.55,-367 633.55,-369.1 633.55,-364.9"/>
</g>
</g>
</svg>
<script>document.addEventListener("contextmenu", getSelectHandler(title2ElementMap));
document.addEventListener("mouseover", getHoverHandler(title2ElementMap));
document.addEventListener("keydown", keyboardEventHandler);

var gMode = new Mode();

var title2ElementMap = (function makeElementMap() {
  /** @type {NodeListOf<SVGGElement>} */
  var nodes = document.querySelectorAll(".node");
  /** @type {NodeListOf<SVGGElement>} */
  var edges = document.querySelectorAll(".edge");
  return new Title2ElementMap(edges, nodes);
})();

function getHoverHandler() {
  /** @type {string} */
  var currentHighlightedTitle;

  /** @param {MouseEvent} pMouseEvent */
  return function hoverHighlightHandler(pMouseEvent) {
    var closestNodeOrEdge = pMouseEvent.target.closest(".edge, .node");
    var closestTitleText = getTitleText(closestNodeOrEdge);

    if (
      !(currentHighlightedTitle === closestTitleText) &&
      gMode.get() === gMode.HOVER
    ) {
      resetNodesAndEdges();
      addHighlight(closestNodeOrEdge);
      title2ElementMap.get(closestTitleText).forEach(addHighlight);
      currentHighlightedTitle = closestTitleText;
    }
  };
}

function getSelectHandler() {
  /** @type {string} */
  var currentHighlightedTitle;

  /** @param {MouseEvent} pMouseEvent */
  return function selectHighlightHandler(pMouseEvent) {
    pMouseEvent.preventDefault();

    var closestNodeOrEdge = pMouseEvent.target.closest(".edge, .node");
    var closestTitleText = getTitleText(closestNodeOrEdge);

    if (!!closestNodeOrEdge) {
      gMode.setToSelect();
    } else {
      gMode.setToHover();
    }
    if (!(currentHighlightedTitle === closestTitleText)) {
      resetNodesAndEdges();
      addHighlight(closestNodeOrEdge);
      title2ElementMap.get(closestTitleText).forEach(addHighlight);
      currentHighlightedTitle = closestTitleText;
    }
  };
}
function Mode() {
  var HOVER = 1;
  var SELECT = 2;

  function setToHover() {
    this._mode = HOVER;
  }
  function setToSelect() {
    this._mode = SELECT;
  }

  function get() {
    return this._mode || HOVER;
  }

  return {
    HOVER: HOVER,
    SELECT: SELECT,
    setToHover: setToHover,
    setToSelect: setToSelect,
    get: get,
  };
}

/**
 *
 * @param {SVGGelement[]} pEdges
 * @param {SVGGElement[]} pNodes
 * @return {{get: (pTitleText:string) => SVGGElement[]}}
 */
function Title2ElementMap(pEdges, pNodes) {
  /* {{[key: string]: SVGGElement[]}} */
  var elementMap = buildMap(pEdges, pNodes);

  /**
   * @param {NodeListOf<SVGGElement>} pEdges
   * @param {NodeListOf<SVGGElement>} pNodes
   * @return {{[key: string]: SVGGElement[]}}
   */
  function buildMap(pEdges, pNodes) {
    var title2NodeMap = buildTitle2NodeMap(pNodes);

    return nodeListToArray(pEdges).reduce(addEdgeToMap(title2NodeMap), {});
  }
  /**
   * @param {NodeListOf<SVGGElement>} pNodes
   * @return {{[key: string]: SVGGElement}}
   */
  function buildTitle2NodeMap(pNodes) {
    return nodeListToArray(pNodes).reduce(addNodeToMap, {});
  }

  function addNodeToMap(pMap, pNode) {
    var titleText = getTitleText(pNode);

    if (titleText) {
      pMap[titleText] = pNode;
    }
    return pMap;
  }

  function addEdgeToMap(pNodeMap) {
    return function (pEdgeMap, pEdge) {
      /** @type {string} */
      var titleText = getTitleText(pEdge);

      if (titleText) {
        var edge = pryEdgeFromTitle(titleText);

        pEdgeMap[titleText] = [pNodeMap[edge.from], pNodeMap[edge.to]];
        (pEdgeMap[edge.from] || (pEdgeMap[edge.from] = [])).push(pEdge);
        (pEdgeMap[edge.to] || (pEdgeMap[edge.to] = [])).push(pEdge);
      }
      return pEdgeMap;
    };
  }

  /**
   *
   * @param {string} pString
   * @return {{from?: string; to?:string;}}
   */
  function pryEdgeFromTitle(pString) {
    var nodeNames = pString.split(/\s*->\s*/);

    return {
      from: nodeNames.shift(),
      to: nodeNames.shift(),
    };
  }
  /**
   *
   * @param {string} pTitleText
   * @return {SVGGElement[]}
   */
  function get(pTitleText) {
    return (pTitleText && elementMap[pTitleText]) || [];
  }
  return {
    get: get,
  };
}

/**
 * @param {SVGGElement} pGElement
 * @return {string?}
 */
function getTitleText(pGElement) {
  /** @type {SVGTitleElement} */
  var title = pGElement && pGElement.querySelector("title");
  /** @type {string} */
  var titleText = title && title.textContent;

  if (titleText) {
    titleText = titleText.trim();
  }
  return titleText;
}

/**
 * @param {NodeListOf<Element>} pNodeList
 * @return {Element[]}
 */
function nodeListToArray(pNodeList) {
  var lReturnValue = [];

  pNodeList.forEach(function (pElement) {
    lReturnValue.push(pElement);
  });

  return lReturnValue;
}

function resetNodesAndEdges() {
  nodeListToArray(document.querySelectorAll(".current")).forEach(
    removeHighlight
  );
}

/**
 * @param {SVGGElement} pGElement
 */
function removeHighlight(pGElement) {
  if (pGElement && pGElement.classList) {
    pGElement.classList.remove("current");
  }
}

/**
 * @param {SVGGElement} pGroup
 */
function addHighlight(pGroup) {
  if (pGroup && pGroup.classList) {
    pGroup.classList.add("current");
  }
}

var hints = {
  HIDDEN: 1,
  SHOWN: 2,
  state: this.HIDDEN,
  show: function () {
    document.getElementById("hints").removeAttribute("style");
    hints.state = hints.SHOWN;
  },
  hide: function () {
    document.getElementById("hints").style = "display:none";
    hints.state = hints.HIDDEN;
  },
  toggle: function () {
    if ((hints.state || hints.HIDDEN) === hints.HIDDEN) {
      hints.show();
    } else {
      hints.hide();
    }
  },
};

/** @param {KeyboardEvent} pKeyboardEvent */
function keyboardEventHandler(pKeyboardEvent) {
  if (pKeyboardEvent.key === "Escape") {
    resetNodesAndEdges();
    gMode.setToHover();
    hints.hide();
  }
  if (pKeyboardEvent.key === "F1") {
    pKeyboardEvent.preventDefault();
    hints.toggle();
  }
}
document.getElementById("close-hints").addEventListener("click", hints.hide);
document.getElementById("button_help").addEventListener("click", hints.toggle);
</script>  </body>
</html>
